<template>
  <view class="freight">
    <v-tag tag="运费" />
    <view class="text" v-if="detail.freightText">{{detail.freightText}}</view>
    <view class="text" v-else>免运费</view>
  </view>
</template>

<script>
import Tag from './Tag'
export default {
  props: ['detail'],
  components: {
    'v-tag': Tag
  },
  data() {
    return {
    }
  },
  methods: {
    openPop() {
      this.$emit('openPop')
    }
  }
}
</script>

<style scoped lang="scss">
.freight {
  font-size: 24rpx;
  margin: 20rpx 0;
  padding: 20rpx;
  background: white;
  border-radius: 10rpx;
  color: #999999;
}
</style>
